<template>
    <div style="height: 100%">
        <component :is="choose"></component>
    </div>
</template>

<script>
    export default {
        name: "map-choose",
        components:{
            mapLocation: ()=> import('./map-location'),
            mapPhoto : ()=> import('./soil-photo')
        },
        data() {
            return {
                choose: 'mapLocation',
            }
        },
        methods:{
            changeToPhoto(){
                this.choose = 'mapPhoto'
            },
            changeToMap(){
                this.choose = 'mapLocation'
            }
        }
    }
</script>

<style scoped>

</style>